Skip to content

Fix CheckBox and ToolBarSearchBox icon positioning.#10356

Merged
cjcenizal merged 3 commits intoelastic:masterfrom
cjcenizal:bug/checkbox-icon-alignment
Feb 15, 2017
Merged

Fix CheckBox and ToolBarSearchBox icon positioning.#10356
cjcenizal merged 3 commits intoelastic:masterfrom
cjcenizal:bug/checkbox-icon-alignment

Conversation

@cjcenizal
Copy link
Copy Markdown
Contributor

@cjcenizal cjcenizal commented Feb 14, 2017

Partially addresses #10283

Note that this doesn't solve alignment problems when zoom is less than 100%. I think this might just be a problem with the way FontAwesome scales down.

Note: this PR only addresses icon positioning. The vertical alignment of the checkboxes and the text is off.

image

@cjcenizal cjcenizal added Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins. bug Fixes for quality problems that affect the customer experience v5.3.0 v5.4.0 v6.0.0 labels Feb 14, 2017
@cjcenizal cjcenizal requested review from tbragin and uboness February 14, 2017 23:50
left: 8px;
top: 0.5em;
left: 0.7em;
font-size: 1em;
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is immediately overridden by the next line.

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Did you mean to merge this without pushing a fix for that?

Copy link
Copy Markdown
Contributor Author

@cjcenizal cjcenizal Feb 15, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No, it was an accident. But it also doesn't have any effect on the UI so I cleaned it up in #10358 instead.

@cjcenizal cjcenizal merged commit 9a3a78b into elastic:master Feb 15, 2017
@cjcenizal cjcenizal deleted the bug/checkbox-icon-alignment branch February 15, 2017 16:19
cjcenizal added a commit to cjcenizal/kibana that referenced this pull request Feb 15, 2017
* Fix CheckBox alignment by applying box-sizing: border-box to all before and after pseudo-elements.

* Fix ToolBarSearchBox height and icon alignment.

* Make Table examples consistently use the cell liner.
cjcenizal added a commit that referenced this pull request Feb 15, 2017
* Fix CheckBox alignment by applying box-sizing: border-box to all before and after pseudo-elements.

* Fix ToolBarSearchBox height and icon alignment.

* Make Table examples consistently use the cell liner.
cjcenizal added a commit to cjcenizal/kibana that referenced this pull request Feb 15, 2017
* Fix CheckBox alignment by applying box-sizing: border-box to all before and after pseudo-elements.

* Fix ToolBarSearchBox height and icon alignment.

* Make Table examples consistently use the cell liner.
cjcenizal added a commit that referenced this pull request Feb 15, 2017
* Fix CheckBox alignment by applying box-sizing: border-box to all before and after pseudo-elements.

* Fix ToolBarSearchBox height and icon alignment.

* Make Table examples consistently use the cell liner.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Fixes for quality problems that affect the customer experience Team:Platform-Design Team Label for Kibana Design Team. Support the Analyze group of plugins. v5.3.0 v5.4.0 v6.0.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants